const vm = Vue.createApp({
	data() {
		return {
			pData, //json数据
			check: false,
			checkList: []
		}
	},// 209010238薛本莲
	methods: {
		//数量增加
		decrease(index){
		    this.pData[index].num--;
		    if(this.pData[index].num <= 0){
		        this.pData[index].num = 1;
		    }
		    this.pData[index].smalPrice = this.pData[index].num * parseInt(this.pData[index].price);
		},
		//数量减少
		increase(index){
		    this.pData[index].num++;
		    this.pData[index].smalPrice = this.pData[index].num * parseInt(this.pData[index].price);
		},
		// 全选
		choiceAll() {
			if(this.check){
				// 如果全选被选中,则重新给选项复选框赋值,即选中所有的选项复选框
				this.checkList=this.pData;
			}
			else{
				// 清空
				this.checkList=[]
			}
		},
		// 单选
		choiceItem() {
			if (this.checkList.length == this.pData.length) {
				this.check = true;
			} else {
				this.check = false;
			}
		},
		// 删除
		delt(index){
			let idn=this.pData.findIndex(item=>{
				if(item.id==index+1){
					return true;
				}
			})
			this.pData.splice(idn,1);
			this.choiceItem();
		}

	},
	computed: {
		//总数量
		totalNum(){
		    let talNm=0;
		    this.checkList.forEach(item => {
		        talNm+=parseInt(item.num);
		    });
		    return talNm;
		},
		//总价
		totalPrice(){
		    let total=0;
		    this.checkList.forEach(item => {
		         total+=parseInt(item.smalPrice);
		    });
		    return total;
		},
	},
	
}).mount('#car');

// getJson
// let Mdata;
// $.getJSON("js/message.json", function(data) {
// 	console.log(data);
// 	Mdata=data;
//     // return data;
// });

// console.log(Mdata);
// console.log(Mdata[0].pic);